<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>Contact</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/contact.css">
</head>

<body>
    <div class="home">

        <div class="header">
            <div class="box">
                <div class="l">
                    <a href="./index.html" class="logo animated fadeInUp">
                        <img src="./images/logo.svg" alt="">
                    </a>
                </div>
                <div class="links">
                    <a href="./index.html" class="animated fadeInUp" style="animation-delay: 100ms;">
                        Home
                    </a>
                    <a href="./about.html" class="animated fadeInUp" style="animation-delay: 200ms;">
                        About Us
                    </a>
                    <a href="./products.html" class="animated fadeInUp" style="animation-delay: 300ms;">
                        Products
                    </a>
                    <a href="./solution.html" class="animated fadeInUp" style="animation-delay: 400ms;">
                        Solutions
                    </a>
                    <a href="./industry.html" class="animated fadeInUp" style="animation-delay: 500ms;">
                        Industries
                    </a>
                    <a href="./client.html" class="animated fadeInUp" style="animation-delay: 600ms;">
                        Our Clients
                    </a>
                    <a href="./contact.html" class="contact animated fadeInUp" style="animation-delay: 700ms;">
                        contact us
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <div class="l">
                    <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                        <img src="./images/logo.svg" alt="">
                    </a>
                </div>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="index.html">Home</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">
                    About Us
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">
                        Products
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solution.html">
                        Solutions
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./industry.html">
                        Industries
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./client.html">
                        Our Clients
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        Contact us
                    </a>
                </div>
            </div>
        </div>

        <div class="section1">
            <div class="l">
                <div class="t wow fadeInUp">
                    CONTACT US
                </div>
                <div class="t2 wow fadeInUp">
                    By this way you can get<br>
                    our product support
                </div>
                <div class="des wow fadeInUp">
                    The only global platform that can secure and recover your cargo. You can rest because we never do.
                </div>
            </div>
            <div class="r wow fadeInUp">
                <img src="./images/c1.png" alt="">
            </div>
        </div>

        <div class="section2 wow fadeInUp">
            <div class="map">
                <img src="./images/map.png" alt="">
            </div>
            <div class="r">
                <p class="p1">Global layout</p>
                <div class="info">
                    <div class="item">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
                                fill="none">
                                <path
                                    d="M13.1074 3.66667H2.66536C2.6087 3.66667 2.55336 3.67367 2.50036 3.68733L7.55803 8.74467C7.62054 8.80716 7.70531 8.84226 7.7937 8.84226C7.88209 8.84226 7.96686 8.80716 8.02936 8.74467L13.1074 3.66667ZM13.8284 3.88833L9.75503 7.96167L13.8634 12.0697C13.9484 11.9577 13.9987 11.818 13.9987 11.6667V4.33333C13.9987 4.16233 13.9344 4.00667 13.8287 3.88833H13.8284ZM13.184 12.3333L9.28403 8.433L8.5007 9.21633C8.40784 9.30921 8.29759 9.38288 8.17625 9.43315C8.05492 9.48341 7.92487 9.50929 7.79353 9.50929C7.66219 9.50929 7.53215 9.48341 7.41081 9.43315C7.28947 9.38288 7.17922 9.30921 7.08636 9.21633L6.30336 8.433L2.44203 12.295C2.51203 12.3197 2.58703 12.3333 2.6657 12.3333H13.1844H13.184ZM2.00903 11.7847L5.83203 7.96133L2.02336 4.15333C2.00698 4.21193 1.99868 4.27249 1.9987 4.33333V11.6667C1.9987 11.7067 2.00203 11.7463 2.00903 11.7847ZM2.66536 3H13.332C13.5071 3 13.6805 3.03449 13.8423 3.10149C14.004 3.1685 14.151 3.26671 14.2748 3.39052C14.3987 3.51434 14.4969 3.66132 14.5639 3.82309C14.6309 3.98486 14.6654 4.15824 14.6654 4.33333V11.6667C14.6654 11.8418 14.6309 12.0151 14.5639 12.1769C14.4969 12.3387 14.3987 12.4857 14.2748 12.6095C14.151 12.7333 14.004 12.8315 13.8423 12.8985C13.6805 12.9655 13.5071 13 13.332 13H2.66536C2.49027 13 2.31689 12.9655 2.15512 12.8985C1.99335 12.8315 1.84637 12.7333 1.72256 12.6095C1.59874 12.4857 1.50053 12.3387 1.43353 12.1769C1.36652 12.0151 1.33203 11.8418 1.33203 11.6667V4.33333C1.33203 4.15824 1.36652 3.98486 1.43353 3.82309C1.50053 3.66132 1.59874 3.51434 1.72256 3.39052C1.84637 3.26671 1.99335 3.1685 2.15512 3.10149C2.31689 3.03449 2.49027 3 2.66536 3Z"
                                    fill="black" fill-opacity="0.9" stroke="black" stroke-opacity="0.9"
                                    stroke-width="0.1" />
                            </svg>
                        </div>
                        <p>admin@hereitis.co</p>
                    </div>
                    <div class="item">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"
                                fill="none">
                                <path
                                    d="M3.77577 0.399902H2.00039C1.11674 0.399902 0.400391 1.11625 0.400391 1.9999V3.5999C0.400391 8.01818 3.98211 11.5999 8.40039 11.5999H10.0004C10.884 11.5999 11.6004 10.8836 11.6004 9.9999V8.89433C11.6004 8.59131 11.4292 8.3143 11.1582 8.17879L9.22542 7.21242C8.78998 6.9947 8.26265 7.21312 8.1087 7.67498L7.87049 8.38962C7.71618 8.85252 7.24133 9.12809 6.76286 9.0324C4.84782 8.64939 3.3509 7.15247 2.9679 5.23743C2.8722 4.75896 3.14777 4.28411 3.61068 4.12981L4.49758 3.83417C4.89416 3.70198 5.1221 3.28674 5.02071 2.8812L4.55188 1.00587C4.46285 0.64974 4.14286 0.399902 3.77577 0.399902Z"
                                    stroke="black" stroke-opacity="0.9" stroke-width="0.8" />
                            </svg>
                        </div>
                        <p>8008208820</p>
                    </div>
                    <div class="item">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
                                fill="none">
                                <path
                                    d="M8.0503 1C5.18067 1 2.75 3.44432 2.75 6.3396C2.75 9.37158 5.56691 12.4722 7.46174 14.6514C7.46901 14.6601 7.77514 15 8.15261 15C8.15347 15 8.18467 15 8.18594 15C8.5632 15 8.86741 14.6601 8.8751 14.6514C10.6533 12.6072 13.2502 9.23658 13.2502 6.3396C13.2502 3.44432 11.3544 1 8.0503 1ZM8.22611 14.0645C8.2105 14.0799 8.18853 14.0972 8.16864 14.1111C8.1488 14.0972 8.12658 14.0799 8.11075 14.0645L7.88154 13.8013C6.08514 11.7405 3.62502 8.91827 3.62502 6.3396C3.62502 3.91942 5.65149 1.8748 8.05029 1.8748C11.0379 1.8748 12.3752 4.11702 12.3752 6.3396C12.3752 8.29727 10.9793 10.8964 8.22611 14.0645Z"
                                    fill="black" fill-opacity="0.9" />
                                <path
                                    d="M8.01567 3.64941C6.566 3.64941 5.39062 4.82477 5.39062 6.27445C5.39062 7.72412 6.566 8.89949 8.01567 8.89949C9.46531 8.89949 10.6407 7.7241 10.6407 6.27445C10.6407 4.82477 9.46531 3.64941 8.01567 3.64941ZM8.01567 8.02447C7.05071 8.02447 6.24554 7.22037 6.24554 6.25522C6.24554 5.29026 7.03062 4.50519 7.99557 4.50519C8.96072 4.50519 9.74558 5.29028 9.74558 6.25522C9.7456 7.22037 8.98082 8.02447 8.01567 8.02447Z"
                                    fill="black" fill-opacity="0.9" />
                            </svg>
                        </div>
                        <p>40 King Street Unit 1 Auburn NH03032</p>
                    </div>
                </div>
            </div>
            <div class="line">
                <svg xmlns="http://www.w3.org/2000/svg" width="354" height="241" viewBox="0 0 354 241" fill="none">
                    <path opacity="0.4" d="M7.12185 289.048C-26.9148 236.052 90.2719 205.67 164.056 196.304C343.917 173.474 144.014 102.871 218.88 48.7358C305.208 -13.6873 552.553 -3.81846 639.358 17.9578" stroke="#3FAEEE" stroke-width="2" stroke-dasharray="4 4"/>
                  </svg>
            </div>
        </div>

        <div class="section3">
            <div class="t wow fadeInUp">
                Contact Us
            </div>
            <div class="t2 wow fadeInUp">
                Contact Us
            </div>
            <form class="form">
                <div class="item wow fadeInUp">
                    <p class="tag">*First Name</p>
                    <input type="text" placeholder="Please enter your First Name" required>
                </div>
                <div class="item wow fadeInUp">
                    <p class="tag">*Last Name</p>
                    <input type="text" placeholder="Please enter your Nature of inquiry" required>
                </div>
                <div class="item wow fadeInUp">
                    <p class="tag">*Contact Number</p>
                    <input type="text" placeholder="Please enter your Contact Number" required>
                </div>
                <div class="item wow fadeInUp">
                    <p class="tag">*Company Email</p>
                    <input type="text" placeholder="Please enter your Nature of inquiry" required>
                </div>
                <div class="item wow fadeInUp">
                    <p class="tag">*Company/Organization</p>
                    <input type="text" placeholder="Please enter your Company" required>
                </div>
                <div class="item wow fadeInUp">
                    <p class="tag">*Nature of inquiry</p>
                    <input type="text" placeholder="Please enter your Nature of inquiry" required>
                </div>
                <div class="item wow fadeInUp msg">
                    <p class="tag">*Additional Notes</p>
                    <textarea name="" placeholder="Please enter your Contact Number" required></textarea>
                </div>
                <div class="notice">
                    <div class="c">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                            <rect width="16" height="16" rx="4" fill="black" fill-opacity="0.9"/>
                            <rect x="0.5" y="0.5" width="15" height="15" rx="3.5" stroke="black" stroke-opacity="0.9"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.20059 9.33704L4.6551 6.79155L3.52373 7.92292L6.06922 10.4684L6.06892 10.4687L7.2003 11.6001L7.20059 11.5998L7.20069 11.5999L8.33206 10.4685L8.33196 10.4684L13.14 5.66038L12.0086 4.52901L7.20059 9.33704Z" fill="white"/>
                          </svg>
                    </div>
                    <div class="st">
                        I have read and agree to <a href="">the User Agreement, Privacy Policy, Product Service Agreement</a>
                    </div>
                </div>
                <div class="btn wow fadeInUp">
                    <button class="submit" type="submit">
                        <p>Explore more</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28" fill="none">
                            <path d="M19.2375 12.3125H3.375V14.5625H19.2375L15.75 18.05L17.325 19.625L23.5125 13.4375L17.4375 7.25L15.8625 8.825L19.2375 12.3125Z" fill="white"/>
                          </svg>
                    </button>
                </div>

            </form>
        </div>


        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <div class="logo">
                        <img src="./images/logo.svg" alt="">
                    </div>
                    <div class="email">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
                                fill="none">
                                <path
                                    d="M13.1083 3.66667H2.66634C2.60967 3.66667 2.55434 3.67367 2.50134 3.68733L7.55901 8.74467C7.62152 8.80716 7.70629 8.84226 7.79467 8.84226C7.88306 8.84226 7.96783 8.80716 8.03034 8.74467L13.1083 3.66667ZM13.8293 3.88833L9.75601 7.96167L13.8643 12.0697C13.9493 11.9577 13.9997 11.818 13.9997 11.6667V4.33333C13.9997 4.16233 13.9353 4.00667 13.8297 3.88833H13.8293ZM13.185 12.3333L9.28501 8.433L8.50167 9.21633C8.40881 9.30921 8.29857 9.38288 8.17723 9.43315C8.05589 9.48341 7.92584 9.50929 7.79451 9.50929C7.66317 9.50929 7.53312 9.48341 7.41179 9.43315C7.29045 9.38288 7.1802 9.30921 7.08734 9.21633L6.30434 8.433L2.44301 12.295C2.51301 12.3197 2.58801 12.3333 2.66667 12.3333H13.1853H13.185ZM2.01001 11.7847L5.83301 7.96133L2.02434 4.15333C2.00795 4.21193 1.99965 4.27249 1.99967 4.33333V11.6667C1.99967 11.7067 2.00301 11.7463 2.01001 11.7847ZM2.66634 3H13.333C13.5081 3 13.6815 3.03449 13.8433 3.10149C14.005 3.1685 14.152 3.26671 14.2758 3.39052C14.3996 3.51434 14.4978 3.66132 14.5648 3.82309C14.6319 3.98486 14.6663 4.15824 14.6663 4.33333V11.6667C14.6663 11.8418 14.6319 12.0151 14.5648 12.1769C14.4978 12.3387 14.3996 12.4857 14.2758 12.6095C14.152 12.7333 14.005 12.8315 13.8433 12.8985C13.6815 12.9655 13.5081 13 13.333 13H2.66634C2.49125 13 2.31786 12.9655 2.1561 12.8985C1.99433 12.8315 1.84734 12.7333 1.72353 12.6095C1.59972 12.4857 1.50151 12.3387 1.4345 12.1769C1.3675 12.0151 1.33301 11.8418 1.33301 11.6667V4.33333C1.33301 4.15824 1.3675 3.98486 1.4345 3.82309C1.50151 3.66132 1.59972 3.51434 1.72353 3.39052C1.84734 3.26671 1.99433 3.1685 2.1561 3.10149C2.31786 3.03449 2.49125 3 2.66634 3Z"
                                    fill="black" fill-opacity="0.9" stroke="black" stroke-opacity="0.9"
                                    stroke-width="0.1" />
                            </svg>
                        </div>
                        <p>admin@hereitis.co</p>
                    </div>
                    <div class="email">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
                                fill="none">
                                <path
                                    d="M8.0503 1C5.18067 1 2.75 3.44432 2.75 6.3396C2.75 9.37158 5.56691 12.4722 7.46174 14.6514C7.46901 14.6601 7.77514 15 8.15261 15C8.15347 15 8.18467 15 8.18594 15C8.5632 15 8.86741 14.6601 8.8751 14.6514C10.6533 12.6072 13.2502 9.23658 13.2502 6.3396C13.2502 3.44432 11.3544 1 8.0503 1ZM8.22611 14.0645C8.2105 14.0799 8.18853 14.0972 8.16864 14.1111C8.1488 14.0972 8.12658 14.0799 8.11075 14.0645L7.88154 13.8013C6.08514 11.7405 3.62502 8.91827 3.62502 6.3396C3.62502 3.91942 5.65149 1.8748 8.05029 1.8748C11.0379 1.8748 12.3752 4.11702 12.3752 6.3396C12.3752 8.29727 10.9793 10.8964 8.22611 14.0645Z"
                                    fill="black" fill-opacity="0.9" />
                                <path
                                    d="M8.01567 3.64941C6.566 3.64941 5.39062 4.82477 5.39062 6.27445C5.39062 7.72412 6.566 8.89949 8.01567 8.89949C9.46531 8.89949 10.6407 7.7241 10.6407 6.27445C10.6407 4.82477 9.46531 3.64941 8.01567 3.64941ZM8.01567 8.02447C7.05071 8.02447 6.24554 7.22037 6.24554 6.25522C6.24554 5.29026 7.03062 4.50519 7.99557 4.50519C8.96072 4.50519 9.74558 5.29028 9.74558 6.25522C9.7456 7.22037 8.98082 8.02447 8.01567 8.02447Z"
                                    fill="black" fill-opacity="0.9" />
                            </svg>
                        </div>
                        <p>40 King Street Unit 1 Auburn NH03032</p>
                    </div>
                </div>
                <div class="media">
                    <p class="p1">Media</p>
                    <a href="">
                        <img src="./images/ins.png" alt="">
                        <p>LinkedIn</p>
                    </a>
                </div>
                <div class="quilf">
                    <p class="p1">Quilfiecty</p>
                    <div class="pics">
                        <a href="">
                            <img src="./images/mi.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/mi.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/mi.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="great">
                    <p class="p1">
                        Great<br>
                        Place<br>
                        To<br> Work
                    </p>
                    <div class="p2">
                        <p>Certifued</p>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    <p>© 2024 Pac Trading Pty Ltd. All right reserved. | Designed by </p>
                    <a href="">Zipzipe</a>
                </div>
                <div class="r">
                    <a href="">Privacy Policy</a>
                    <a href="">Terms of Service</a>
                </div>
            </div>
        </div>



    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/ScrollTrigger.min.js"></script>
    <script src="./js/SplitText.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        $('.notice .c').click(function(){
            $(this).toggleClass('checked')
        })
    </script>
</body>

</html>